<section id="rent-report" class="mlr-24">
  <hl-page-header title="租金报告"></hl-page-header>
  <div class="clearfix mt-10">
	 <div class="pull-left address-tab-hover relative" style="width: 70px;">
		 <div class="address-tab-span pull-left" style="text-indent: 15px;">{{selectNameRent}}</div>
		   <span class="icon-spread pull-left line-height-34 pl-5"></span>
		 <div class=" rent-selected-nav">
		   <ul class="inline">
		     <li class="lin-hei-34" :class="{active: item.code == menuAct}" v-for="item in menuLiData" @click="setMenu(item.code, item)">{{item.name}}</li>
		   </ul>
		 </div>
	 </div>
    <div class="select-ul pull-left " style="width:140px;">
      <span class="select-name rent-report info">请选择</span>
      <ul >
        <li v-for="item in selectData" v-if="item.type == 'JT'">{{item.shortName}}</li>
        <li v-for="item in selectData" v-if="item.type == 'DQ'" @click="selectEdSet(item.id,item.shortName)">{{item.shortName}}</li>
        <li v-for="item in selectData" v-if="item.type == 'CT'" @click="selectEdSet(item.compayId,item.shortName)">{{item.shortName}}</li>
        <li v-for="item in selectData" v-if="item.type == 'XM'" @click="selectEdSet(item.projectId,item.projectName)">{{item.projectName}}</li>
      </ul>
    </div>
    <div class="pull-right">
      <div class="rent-rate pull-left">
        <ul>
          <li class="pull-lef cursor pl-12 pr-12" :class="{active: item.code == onSeasonAct, 'border-r': index < 2}" v-for="(item, index) in onSeason" @click="setLrmenu(item.code)">{{item.name}}</li>
        </ul>
      </div>
      <div class="pull-left ml-24 pl-12">
        <span class="js-set" :class="{'js-q-active': equityAct == 'y'}" style="line-height: 32px;" @click="equitySet">权益口径</span>
        <span class="js-set" :class="{'js-q-active': expectAct == 'y'}" style="line-height: 32px;marginRight:0;" @click="expectSet">包括预期</span>
      </div>
    </div>
  </div>
  <div id="container-aabb" style="min-width:400px;height:500px;marginTop:20px;"></div>
</section>

<style media="screen">
.rent-selected-nav {
		height: auto;
	}
  .onSeasonAct {
    background-color: #5e67a5;
    color: #fff;
  }

  .address-tab-hover {
  	background-color: #ededed;
	width: 70px;
  }
  .address-tab-hover:hover .rent-selected-nav {
  	display: block;
  }
  .address-tab-span {
  	line-height: 34px;
  	text-indent: 15px;
  }
  .rent-selected-nav {
  	position: absolute;
  	z-index: 9999999;
  	left: 0;
  	top: 100%;
  	background-color: #fff;
  	display: none;
  }
  .rent-selected-nav .active {
  	background-color: #fff;
  	color: #5e67a5;
  }
  .rent-rate {
	  height: 34px;
	  border-radius: 4px;
  }
  .rent-rate li, .rent-rate1 li, .rent-rate2 li {
	  line-height: 32px;
  }
</style>

<script src="modules/report_ui/scripts/rentReport.js" charset="utf-8"></script>
